﻿@model HelloMVC.Model.StepFamily
<div id="ag-issue_others_children" class="ag-step-children ag-cards ag-cards-small">
@if (Model != null)
{

    <script type="text/javascript">
        aodraggable.push({ container: "#ag-issue_others_children" });
        aodroppable.push({ self: "#ag-step-outer_0_orphan", accepts: "#ag-step-outer_1_orphan .ag-issue-wrapper, #ag-step-outer_2_orphan .ag-issue-wrapper", status: "ToDo" });
        aodroppable.push({ self: "#ag-step-outer_1_orphan", accepts: "#ag-step-outer_0_orphan .ag-issue-wrapper, #ag-step-outer_2_orphan .ag-issue-wrapper", status: "InProgress" });
        aodroppable.push({ self: "#ag-step-outer_2_orphan", accepts: "#ag-step-outer_0_orphan .ag-issue-wrapper, #ag-step-outer_1_orphan .ag-issue-wrapper", status: "Done" });
    </script>
    <div class="ag-inner">
        <div class="ag-header">
            <h3>Other Issues</h3>
            <span id="colapse_orphans" class="ag-icon ag-icon-twix ag-open" onclick="showOrhide('orphans_toggle', this)">Toggle Visibility</span>
        </div>
        <div id="orphans_toggle">
            <div id="ag-step-outer_0_orphan">
                <div id="ag-step_0_orphan" class="ag-step-col" style="min-height: 173px;">
                    <div id="ag-step-issues_0_orphan">
                     @Html.Partial("~/Areas/DashBoard/Views/Shared/DisplayTemplates/IssueSmallCard.cshtml", Model.ToDo)
                    </div>
                </div>
            </div>
            <div id="ag-step-outer_1_orphan">
                <div id="ag-step_1_orphan" class="ag-step-col" style="min-height: 173px;">
                    <div id="ag-step-issues_1_orphan">
                    @Html.Partial("~/Areas/DashBoard/Views/Shared/DisplayTemplates/IssueSmallCard.cshtml", Model.InProgress)
                    </div>
                </div>
            </div>
            <div id="ag-step-outer_2_orphan">
                <div id="ag-step_2_orphan" class="ag-step-col" style="min-height: 173px;">
                    <div id="ag-step-issues_2_orphan">
                    @Html.Partial("~/Areas/DashBoard/Views/Shared/DisplayTemplates/IssueSmallCard.cshtml", Model.Done)
                    </div>
                </div>
            </div>
        </div>

    </div>
}
</div>